<!doctype html>
<html>
<head>
<title>TEsting</title>
<style type = "text/css">
.CSSinfoLogLevel {
	font: 14pt Verdana;
	font-weight: normal;
	color: black;
	background-color: #dddddd;
}

.CSSwarningLogLevel {
	font: 14pt Verdana;
	font-weight: normal;
	color: black;
	background-color: #ffaa00;
}
.CSSerrorLogLevel{
	font: 14pt Verdana;
	font-weight: bold;
	color: black;
	background-color: #ff88aa;
}
#consoleDiv {
	position:fixed;
	width:90%;
	height:300px;
	border:1px;
	background-color: #c0f3fe;
	bottom:10px;
	overflow: auto;
}
#consoleDiv table,th,td {
	border: 1px solid black;
	border-collapse:collapse;
	text-align: left;
}
#consoleDiv table {
	width:100%;
	margin:1px;
}
#consoleDiv p {
	margin: 1px;
	border:1px solid black;
	padding:0px;
}



[title]
{
color:blue;
} 

</style>
<script type="text/javascript" src="ZIP.js"></script>
<script src="ZIPTestData.js"></script>
</head>

<body>
<p>just some junk</p>
<div id='consoleDiv'></div>

<script type="text/javascript">

var ZZ, logger,
    queue = ZIP.System.queue;


function sessionObjTracker(z) {
    var urls = ZIP.Debug.getURLSregistry(),
        tracker = z.Widget.ObjectTracker.init(urls).log();

    ZIP.Console = z.Widget.Console.init().display();
        
    function track() {
        tracker.log();
    }
    setTimeout(track, 3000);
        
}

// get the modules into cache first
ZIP.add(null, null, null, {requires: ['AppWindow', 'ZIPConsole', 'ObjectTracker']});

var Z = new ZIP();
Z.use('ObjectTracker', sessionObjTracker);


/*
ZIP.add('abc', function(y) {
                y.abc = { hello: function() {
                    ZIP.Console.log('hello');
                }}
});

*/



</script>
</body>

</html>
